<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" />
    <title>Title</title>
    <script th:src="@{js/jquery.js}"></script>
    <script type="text/javascript">
        function connectMybatie() {
            alert("mybaties测试");
            $.ajax({
                type: "POST",
                contentType : 'application/json;charset=utf-8',
                url: "http://localhost:8080/demo/testMybaties",
                dataType: 'text',
                success: function(msg){
                    alert(msg);
                }
            });
        }
        function testTransactional() {
            alert("声明事物");
            $.ajax({
                type: "POST",
                contentType : 'application/json;charset=utf-8',
                url: "http://localhost:8080/demo/testTransactional",
                dataType: 'text',
                success: function(msg){
                    alert(msg);
                }
            });
        }
    </script>
</head>
<body>
    <h2>Hello World</h2>
    <div>
        <button id="connectMybatie" onclick="connectMybatie();">mybatie测试</button>
        <button id="testTransactional" onclick="testTransactional();">测试声明事物</button>
    </div>
</body>
</html>